<!-- 头部开始 -->
<include file="public@head"/>
<!-- 头部结束 -->
<title>{$yc_title}</title>
<meta name="keywords"  content="{$yc_keywords}" />
<meta name="description" content="{$yc_description}" />

        <!-- banner-section -->
        <section class="banner-style-one">
            <div class="pattern-layer" style="background-image: url(__TMPL__/public/assets/images/shape/shape-1.png);"></div>
            <div class="banner-carousel owl-theme owl-carousel">
                <slides id="1">
                    <div class="slide-item">
                        <div class="auto-container">
                            <div class="content-inner">
                                <div class="content-box">
                                    <h1>{$vo.description|htmlspecialchars_decode}</h1>
                                    {$vo.content|htmlspecialchars_decode}
                                    <div class="btn-box">
                                        <a href="{$vo.url}" class="theme-btn-one">查看更多<i class="flaticon-right-1"></i></a>
                                    </div>
                                </div>
                                <figure class="image-box image-1"><img src="{:get_image_url($vo.image)}" alt=""></figure>
                            </div> 
                        </div>
                    </div>
                </slides>
             
            </div>
        </section>
        <!-- banner-section end -->

        <style>
            .swiper-scp-02 .swiper-wrapper{height: auto !important;position:inherit !important;}
            .swiper-scp-02{position:inherit !important;}
            .swiper-scp-02 .swiper-wrapper .swiper-slide{height: 300px !important;position:inherit !important;}
            @media(max-width:767px) {
                .shop-block-one {
                     max-width: 100%;
                }
                .shop-section .filters .filter-tabs li{margin: 0px 5px;}
                .centred{text-align: left;}
                .shop-block-one .inner-box .image-box .info-list li a{width: 300px}
                .swiper-scp-02 .swiper-wrapper .swiper-slide{height: 500px}
            }
            .instagram-section{padding-bottom: 40px}
            .shop-section{padding-bottom:80px;}
            .shop-section .more-btn{margin-top: 30px;}
        </style>
        <!-- topcategory-section -->
        <section class="topcategory-section centred">
            <div class="auto-container">
                <div class="sec-title">
                    <h2>产品优势</h2>
                    <p>一线大牌质感·绽放成衣唯美灵魂</p>
                    <span class="separator" style="background-image: url(__TMPL__/public/assets/images/icons/separator-1.png);"></span>
                </div>
                <div class="swiper-container swiper-scp-01">
                    <div class="swiper-wrapper">
                        <portal:articles page="4" item="vo" order="category_post.list_order ASC" categoryIds="303" field="zxl,indextp">
                            <div class="col-lg-3 col-md-6 col-sm-12 swiper-slide">
                                <div class="category-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                    <figure class="image-box"><img src="{:get_image_url($vo.thumbnail)}" alt=""></figure>
                                    <h5><a href="javascript:;">{$vo.post_title|mb_substr=0,6,'utf-8'}</a></h5>
                                </div>
                            </div>
                        </portal:articles>
                    </div>
                </div>
            </div>
        </section>
        <!-- topcategory-section end -->


        <!-- shop-section -->
        <section class="shop-section">
            <div class="auto-container">
                <div class="sec-title">
                    <h2>产品展示</h2>
                    <p>留住优雅一刻 气质女神的专属衣柜</p>
                    <span class="separator" style="background-image: url(__TMPL__/public/assets/images/icons/separator-1.png);"></span>
                </div>
                <div class="sortable-masonry">
                    <div class="filters">
                        <ul class="filter-tabs filter-btns centred clearfix">
                            <portal:subcategoriesyin categoryId="293" item="menu">
                                <li class="{$key == 0 ? 'active' : ''} filter" data-role="button" data-filter=".{$menu.controller}">{$menu.name}</li>
                            </portal:subcategoriesyin>
                        </ul>
                    </div>
                    <div class="swiper-container swiper-scp-02">
                        <div class="swiper-wrapper">
                            <portal:articles page="20" item="vo" order="category_post.list_order ASC" categoryIds="294,295,296,297" field="zxl,controller">
                                <div class="col-lg-3 col-md-6 col-sm-12 shop-block masonry-item small-column {$vo.controller} swiper-slide">
                                    <div class="shop-block-one">
                                        <div class="inner-box">
                                            <figure class="image-box">
                                                <img src="{:get_image_url($vo.thumbnail)}" alt="">
                                                <ul class="info-list clearfix">
                                                    <li><a href="{$vo.link}">{$vo.post_title|mb_substr=0,6,'utf-8'}</a></li>
                                                </ul>
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </portal:articles>
                        </div>
                    </div>
                </div>
                <div class="more-btn centred"><a href="/product" class="theme-btn-one">查看更多产品<i class="flaticon-right-1"></i></a></div>
            </div>
        </section>
        <!-- shop-section end -->


        <!-- cta-section -->
        <section class="cta-section">
            <div class="image-layer" style="background-image: url({$yc_yxdptp});"></div>
            <div class="auto-container">
                <div class="cta-inner centred">
                    <div class="pattern-layer">
                        <div class="pattern-1" style="background-image: url(__TMPL__/public/assets/images/shape/shape-2.png);"></div>
                        <div class="pattern-2" style="background-image: url(__TMPL__/public/assets/images/shape/shape-3.png);"></div>
                    </div>
                    <h2>{$yc_yxdpzg}<br>{$yc_zfcywmlh}</h2>
                    <p>{$yc_yxdpms}</p>
                    <a href="{$yc_53dlj}" class="theme-btn-one">立即咨询<i class="flaticon-right-1"></i></a>
                </div>
            </div>
        </section>
        <!-- cta-section end -->


        <!-- news-section -->
        <section class="news-section">
            <div class="auto-container">
                <div class="sec-title">
                    <h2>新闻中心</h2>
                    <p>品牌女装加盟连锁店 更好的打造完美的自己</p>
                    <span class="separator" style="background-image: url(__TMPL__/public/assets/images/icons/separator-1.png);"></span>
                </div>
                <div class="row clearfix">
                    <portal:articles page="3" item="vo" order="category_post.list_order ASC" categoryIds="299" field="zxl,post_excerpt">
                        <div class="col-lg-4 col-md-6 col-sm-12 news-block">
                            <div class="news-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                <div class="inner-box">
                                    <figure class="image-box"><a href="blog-details.html"><img src="{:get_image_url($vo.thumbnail)}" alt=""></a></figure>
                                    <div class="lower-content">
                                        <span class="post-date">{:date('Y-m',$vo.create_time)}</span>
                                        <h3><a href="blog-details.html">{$vo.post_title}</a></h3>
                                        <ul class="post-info clearfix">
                                            <li><a href="index.html">作者 </a></li>
                                            <li><a href="index.html">{$yc_zz}</a></li>
                                        </ul>
                                        <p>{$vo.post_excerpt|mb_substr=0,60,'utf-8'}...</p>
                                        <div class="link"><a href="/news">查看更多<i class="flaticon-right-1"></i></a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </portal:articles>
         
                </div>
            </div>
        </section>
        <!-- news-section end -->

        <!-- instagram-section -->
        <section class="instagram-section">
            <div class="outer-container">
                <div class="sec-title">
                    <h2>店铺展示</h2>
                    <p>顶尖、简单、高效、成功就是我们想要给你的全部</p>
                    <span class="separator" style="background-image: url(__TMPL__/public/assets/images/icons/separator-1.png);"></span>
                </div>
                <div class="six-item-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">
                    <portal:articles page="8" item="vo" order="category_post.list_order ASC" categoryIds="298" field="zxl,post_excerpt">
                        <figure class="image-box">
                            <img src="{:get_image_url($vo.thumbnail)}" alt="">
                        </figure>
                    </portal:articles>
                </div>
            </div>
        </section>
        <!-- instagram-section end -->




<!-- 底部开始 -->
 <include file="public@footer"/>
<!-- 底部结束 --> 

<script>
    if($(window).width() < 767){
        var swiper = new Swiper('.swiper-scp-01',{
            slidesPerView: 1,
        });
        var swiper = new Swiper('.swiper-scp-02',{
            slidesPerView: 1,
        });
    }else{
        var swiper = new Swiper('.swiper-scp-02',{
            slidesPerView: 4,
        });
    }
</script>